<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <ul id="list">
        <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li>
    </ul>
</body>
</html>


<script>
	// 创建dom节点(createElement) => 创建一个li节点
	var li = document.createElement('li');
	// 给li节点添加内容
    li.innerHTML = '2222222';
    // 添加节点的尾部(appendChild) => 把li添加到ul的尾部
	document.getElementById('list').appendChild(li);
    // 创建图片节点
    var img = document.createElement('img');
    // 设置图片的src为百度logo
    img.src = 'https://www.baidu.com/img/superlogo_c4d7df0a003d3db9b65e9ef0fe6da1ec.png?where=super';
    // 添加图片到body底部
    document.body.appendChild(img);
    
</script>